<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>web</title>
		<link rel="stylesheet" type="text/css" href="css/web.css">
	</head>
	<body>
		<div class="header">
			<div class="logo">
				<a href="https://www.imooc.com/"><img src="images/logo.png" class="photo"></a>				
			</div>
			<div class="navigate">
				<ul>
					<a href="https://www.imooc.com/">
						<li class="li1">
							HOME
						</li>
					</a>
					<a href="https://www.imooc.com/">
						<li class="li2">
							ABOUT
						</li>
					</a>
					<a href="https://www.imooc.com/">
						<li class="li3">
							GALLERY
						</li>
					</a>
					<a href="https://www.imooc.com/">
						<li class="li4">
							FACULTY
						</li>
					</a>
					<a href="https://www.imooc.com/">
						<li class="li5">
							EVENTS
						</li>
					</a>
					<a href="https://www.imooc.com/">
						<li class="li6">
							CONTACT
						</li>
					</a>	
					<div class="clear"></div>
				</ul>
			</div>
			<div class="clear"></div>
		</div>
		<div></div>
		<div class="banner">
			<div class="top">
				<img src="images/banner3.jpg" class="img">
			</div>
			<div class="top-lay"></div>
			<div class="top-goods">	
					<!-- <form>信息注册表用form包括
						<div class="input name">
							<input type="text" name="name" placeholder="name">
						</div>
						<div class="input phone">
							<input type="text" name="phone" placeholder="phone">
						</div>
						<div class="input e-mail">
							<input type="text" name="e-mail" placeholder="e-mail">
						</div>
						<div class="input">
							<textarea class="comment" placeholder="Write you comment here"></textarea>
						</div>
					</form> -->
				<div class="input name">
					<input type="text" name="name" placeholder="name">
				</div>
				<div class="input phone">
					<input type="text" name="phone" placeholder="phone">
				</div>
				<div class="input e-mail">
					<input type="text" name="e-mail" placeholder="e-mail">
				</div>
				<div class="input">
					<textarea class="comment" placeholder="Write you comment here"></textarea>
				</div>
				<div class="sumit">
					<input type="button" name="button" value="submit" >
				</div>				
			</div>		
		</div>
		<div class="ABOUT">
			<div class="Top1">
				<div class="top">
					<h1>ABOUT</h1>
					<p>_____</p>
					<p class="txt">Lorem I psum is simply dummy text of the printing and typesetting<br>
					 	industry.Lorem Ipsum has been the industry's standard dumrmy<br>
						text ever since the 1500s.<br>

					</p>
				</div>
				<div class="middle">
					
					<div class="img">
						<img src="images/bb3.jpg">
					</div>					
					<div class="left-top">
						<h3>A WORD<br>ABOUT US</h3>
					</div>
					<div class="left-bottom-lay"></div>
					<div class="left-bottom">

						<p>Praesent dignissim viverra est, sed<br/>
							bibendum ligula congue non. Sed ac nisl<br/>
							et felis gravida commodo? Suspendisse<br>
						diam amet
						</p>
						<button>EXPLORE</button>
					</div>
					<div class="right">
						<div class="top">
							<h3>
								70000
							</h3>
							<hr class="line"/>
							<p>Student</p>
						</div>
						<div class="bottom">
							<h3>
								600
							</h3>
							<hr class="line"/>
							<p>Flaculty</p>
						</div>
					</div>
				</div>
			</div>			
			<div class="bottom1">
				<div class="comment">
					<img src="images/b1.jpg">
				</div>
				<div class="comment txt">
					<h1>
						Libary
					</h1>
					<p class="about">
						Lorem Ipsum is simply dummy text of the<br>
						printing and typesetting industry						
					</p>
					<p class="content">
						Lorem Ipsum has been the industry's standard dummy<br>
						text ever since the 1500s, when an unknown printer took<br>
						a galley of type and scrambled it to make a type<br>
						specimen book.
					</p>
				</div>		
				<div class="comment">
					<img src="images/b2.jpg">
				</div>
				<div class="comment txt">
					<h1>
						Computer Lab
					</h1>
					<p class="about">
						Lorem Ipsum is simply dummy text of the<br>
						printing and typesetting industry						
					</p>
					<p class="content">
						Lorem Ipsum has been the industry's standard dummy<br>
						text ever since the 1500s, when an unknown printer took<br>
						a galley of type and scrambled it to make a type<br>
						specimen book.
					</p>
				</div>			
				<br>	
				<div class="comment txt">
					<h1>
						Conferent Hall
					</h1>
					<p class="about">
						Lorem Ipsum is simply dummy text of the<br>
						printing and typesetting industry						
					</p>
					<p class="content">
						Lorem Ipsum has been the industry's standard dummy<br>
						text ever since the 1500s, when an unknown printer took<br>
						a galley of type and scrambled it to make a type<br>
						specimen book.
					</p>
				</div>			
				<div class="comment">
					<img src="images/b3.jpg">
				</div>
				<div class="comment txt">
					<h1>
						Play Ground
					</h1>
					<p class="about">
						Lorem Ipsum is simply dummy text of the<br>
						printing and typesetting industry						
					</p>
					<p class="content">
						Lorem Ipsum has been the industry's standard dummy<br>
						text ever since the 1500s, when an unknown printer took<br>
						a galley of type and scrambled it to make a type<br>
						specimen book.
					</p>
				</div>		
				<div class="comment">
					<img src="images/b4.jpg">
				</div>			
			</div>
		</div>
		<div class="GALLERY">
				<div class="top">
					<h1>GALLERY</h1>
					<p>_____</p>
					<p class="txt">Lorem I psum is simply dummy text of the printing and typesetting<br>
					 	industry.Lorem Ipsum has been the industry's standard dumrmy<br>
						text ever since the 1500s.<br>
					</p>
				</div>
				<div class="bottom">
					<div class="comment">
						<div class="img"><img src="images/03-01.jpg"></div> 
						<div class="txt">SCIENCE LAB</div>
					</div>
					<div class="comment">
						<div class="img"><img src="images/03-02.jpg"></div> 
						<div class="txt">INDOOR STADIUM</div>
					</div>
					<div class="comment">
						<div class="img"><img src="images/03-03.jpg"></div> 
						<div class="txt">TRANSPORTATION</div>
					</div>
					<br>
					<div class="comment">
						<div class="img"><img src="images/03-04.jpg"></div> 
						<div class="txt">KIDS ROOM</div>
					</div>
					<div class="comment">
						<div class="img"><img src="images/03-05.jpg"></div> 
						<div class="txt">MEDITATION CLASSES</div>
					</div>
					<div class="comment">
						<div class="img"><img src="images/03-06.jpg"></div> 
						<div class="txt">KIDS PLAY GROUND</div>
					</div>
				</div>
		</div>
		<div class="footer">
		    New 2016 imooc.com京ICP备13046642号
		</div>
	</body>
</html>